<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>li自动换行，左对齐</title>
<style type="text/css">
<!--
#navi{width:500px;}
ul {
 list-style-type: none;margin:0; padding:0
}
ul li {
 float:left;width: 100px; height:50px;
}
body {
 font-size: 12px;
}
a:link {
 text-decoration: none;
}
-->
</style>
</head>
<body>
<div id="navi">
<ul>
  <li><a href="#">菜单1 Itemone</a> </li>
  <li><a href="#">菜单2 Itemtw</a></li>
  <li><a href="#">菜单3 Itemthree</a> </li>
  <li><a href="#">菜单4 Itemfour</a> </li>
<li><a href="#">菜单05 Itemfiv</a> </li>
<li><a href="#">菜单06 Itemsixx</a></li>
<li><a href="#">菜单7 Item777</a> </li>
<li><a href="#">菜单8 Item8888</a> </li>
<li><a href="#">菜单9 Item99</a></li>
<li><a href="#">菜单10 Itemtttenn</a></li>
<li><a href="#">菜单11 Item111e</a> </li>
<li><a href="#">菜单12 Item1122</a> </li>
<li><a href="#">菜单13 Item13131</a> </li>
<li><a href="#">菜单14 Item1414</a> </li>
<li><a href="#">菜单15 Item1555</a> </li>
<li><a href="#">菜单16 Item16</a> </li>
<li><a href="#">菜单17 Item17777</a> </li>
<li><a href="#">菜单18 Item18</a> </li>
<li><a href="#">菜单19 Item1999</a> </li>
<li><a href="#">菜单20 Item122</a> </li>
<li><a href="#">菜单21</a></li>
</ul>
</div>






<script type="text/javascript">
	alert( Math.floor(3.9) );

</script>













</body>
</html>